<template>
	<view class="container">
		<view class="subsite-banner">
			<image src="https://www.fzftjc.com/static/rs/itorder/applet/breadcrumb-bg.jpg" mode="widthFix">
				<view class="subsite-caption">
					<view class="fz18">丰拓防水 4S维修服务</view>
				</view>
		</view>
		<!-- Service -->
		<view class="subsite subsite-with-banner">
			<view class="subsite-heading">
				<view class="section-main-title fz18"><text>//</text>服务项目<text>//</text></view>
			</view>
			<!-- 预约查询 -->
			<view>
			  <view class="mt30">
			  	<view class="field-control uni-flex">
			  		<view class="uni-flex-item"><input class="weui-input"  placeholder="请输入手机号码/预约单号" /></view>
					<button type="primary" class="sou-but">预约查询</button>
					</view>
			  </view>
			</view>	
			<!-- 预约查询 end-->
			<view class="mt20">
					<view class="flex-wrap">
						<navigator url="service-show" hover-class="none" class="pro-card">
							<view class="pro-card-img">
								<image src="https://www.fzftjc.com/static/rs/itorder/applet/img/team-img1.jpg" mode="widthFix"></image>
							</view>
							<view class="uni-flex-item pro-card-desc">
								<view class="fz16 line">屋顶防水补漏</view>
								<view class="c-gray fz12 mt20">免费上门做方案·3-5分钟响应</view>
							<view class="price-item"><text class="price-value">&yen;120</text>起</view>
							</view>
						</navigator>
						<navigator url="service-show" hover-class="none" class="pro-card">
							<view class="pro-card-img">
								<image src="https://www.fzftjc.com/static/rs/itorder/applet/img/team-img2.jpg" mode="widthFix"></image>
							</view>
							<view class="uni-flex-item pro-card-desc">
								<view class="fz16 line">建筑防水补漏</view>
								<view class="c-gray fz12 mt20">免费上门做方案·3-5分钟响应</view>
							<view class="price-item"><text class="price-value">&yen;120</text>起</view>
							</view>
						</navigator>
					</view>
				
			</view>
		</view>
		<!-- Service end-->
		<!-- Footer -->
		<view class="copyright mt30">
			<text>Copyright © 2013-2021 福州丰拓建材有限公司 All Rights </text>
		</view>
		<!-- Footer end-->
	</view>
</template>

<script>
	
</script>

<style>
	.price-item{ position: absolute; bottom: 0; font-size: 24rpx; color:#d6000f }
	.sou-but{ margin: 0 0 0 20rpx;}
</style>
